<html>
<head>
<meta charset="UTF-8">
<title>资源定义列表</title>
<link id="easyuiTheme" href="../../static/easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css"/>
<link href="../../static/easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
<script src="../../static/easyui/jquery.min.js" type="text/javascript"></script>
<script src="../../static/easyui/jquery.cookie.js" type="text/javascript"></script>
<script src="../../static/easyui/ui-theme.js" type="text/javascript"></script>
<script src="../../static/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../static/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.util.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.jquery.ajax.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.easyui.util.js" type="text/javascript"></script>
<script src="../../ffres/dict/all.js" type="text/javascript"></script>
<link href="../../static/easyui/themes/frameless.css" rel="stylesheet" type="text/css"/>
<a href="" target="_blank" id="commonLink" name="commonLink"></a>
	<style>
		.left {
			float: left;
			width: 100px;
		}
		.right {
			margin-left: 110px;
		}
	</style>
<script type="text/javascript">

    var cur_resource_id;
    var systemPkStr;

    /** ************************ 菜单资源树形列表  start  */
    function reloadTree(){
        $('#tt').tree('reload');
        JLEUtil.closewin();
    }




    //加载资源明细信息
    function getSResourceByPk(resourceid){

        $.restfulGet('../../api/s/resource/' + resourceid, null,function(data){
            systemPkStr = data.rows.systempk;
            $('#ff').form('load', {
                resourceid : data.rows.resourceid,
                cnname : data.rows.cnname,
                url : data.rows.url,
                parentid : data.rows.parentid,
                orderid : data.rows.orderid
            });
        });
    }

    //菜单资源树形列表点击事件
    function clickResNode(node) {
        cur_resource_id = node.id;
        if (node.id != null && node.id != '') {
            //获取资源信息
            getSResourceByPk(node.id);
            //刷新资源操作列表
            refreshResActList(node.id);
        }
    }
    /** ************************ 菜单资源树形列表  end  */


    /** ************************ 资源信息  start  */
	function doAdd(){
        if (cur_resource_id != null && cur_resource_id != '') {
            JLEUtil.createModalWin('新增', 'SResourceAdd.html?' + 'resourceid=' + cur_resource_id+'&systempk='+systemPkStr);
        }else{
            $.messager.confirm('提示', '未选择上一级菜单资源，请确认是否是新增一级菜单？', function(r){
                if (r){
                    JLEUtil.createModalWin('新增', 'SResourceAdd.html?resourceid=root'+'&systempk='+systemPkStr+'&actorno='+window.parent.loginUserId);
                }
            });
		}
	}

	function doUpdate() {
        if (cur_resource_id != null && cur_resource_id != '') {
            if (!$('#ff').form('validate'))
                return;
            var jsonData = $("#ff").serializeJson();
            if(jsonData.systempk instanceof Array){
                var result = "";
                for(var i = 0; i < jsonData.systempk.length; i++){
                    result = result + jsonData.systempk[i] + ",";
                }
                result = result.substr(0, result.length - 1);
                jsonData.systempk = result;
            }
            $.restfulPut('../../api/s/resource', jsonData, function(data) {
				if(data.code == 0){
                    $.messager.confirm('对话框', '操作成功，是否刷新菜单资源？', function(r){
                        if (r){
                            $('#tt').tree('reload');
                        }
                    });
				}
            });
        }else{
            $.messager.alert('提示','请先选择菜单资源信息！','info');
        }
	}

	function doDelete(){
        if (cur_resource_id != null && cur_resource_id != '') {
            $.messager.confirm('删除提示', '删除资源会联动向下删除该资源下的所有子资源及资源关联配置信息，确认删除？', function(r){
                if (r){
                    var jsonData = JSON.parse('{'+'"resourceid":"' + cur_resource_id+ '"'+'}');
                    $.restfulDelete('../../api/s/resource', jsonData, function(data) {
                        $.messager.alert('提示','记录删除成功!','info');
                        $('#tt').tree('reload');
                        JLEUtil.clearForm('ff');
                    });
                }
            });
        }else{
            $.messager.alert('提示','请先选择菜单资源信息！','info');
        }
	}
    /** ************************ 资源信息  end  */



    /** ************************ 资源操作  start  */
    //获取资源定义列表
    function refreshResActList(resource_id){
        $('#dg').datagrid({
            url:'../../api/s/resourceactions',
            queryParams: {
                resourceid: resource_id
            }
        });
    }


    //新增资源操作
    function doAddResAct(){
        if(cur_resource_id != null && cur_resource_id != ''){
            JLEUtil.createModalWin('新增', 'SResourceactionAdd.html?' + 'resourceid=' + cur_resource_id);
        }else {
            $.messager.alert('提示','请先选择菜单资源信息！','info');
        }
    }

    //修改资源操作
    function doUpdResAct(){
        var row = $('#dg').datagrid('getSelected');
        if (row){
            JLEUtil.createModalWin('修改', 'SResourceactionUpdate.html?'  + 'actid=' + row.actid+ '&resourceid=' + cur_resource_id);
        } else {
            $.messager.alert('提示','请选择一条记录！','info');
        }
    }

	//删除资源操作
    function doDelResAct(){
        var row = $('#dg').datagrid('getSelected');
        if (row) {
            if(row.actid=="visit"){
                $.messager.alert('提示','菜单访问权限不可删除！','info');
            }else{
                $.messager.confirm('删除提示', '你确定要删除该记录?', function(r){
                    if (r){
                        var jsonData = JSON.parse('{'+'"actid":"' + row.actid + '"' + ','+'"resourceid":"' + cur_resource_id + '"'+'}');
                        $.restfulDelete('../../api/s/resourceaction', jsonData, function(data) {
                            $.messager.alert('提示', '删除成功!','info');
                            $('#dg').datagrid('reload');
                        });
                    }
                });
			}
        } else {
            $.messager.alert('提示','请选择一条记录！','info');
        }
    }


    //
    // // 下拉框选择改变事件，生成菜单树
    // $(function () {
    //     $("#cc").combobox({
    //         //相当于html >> select >> onChange事件
    //         onChange:function(subsCode){
    //             getTreeBySystempk(subsCode)
    //         }
    //     });
    // })
    //
	// //获取子系统列表
    // function getSSubsInfo() {
    //     $.ajax({
    //         type: "POST",
    //         url: '../../api/s/subs/infos',
    //         data: {
    //         },
    //         success: function(data) {
    //             if (data!=null){
    //                 $('#cc').combobox({
    //                     data: data.rows,
    //                     valueField: 'subsCode',
    //                     textField: 'subsName'}
    //                 );
    //             }
    //         }
    //     });
    // }
    //
    // //根据Systempk(subs_code) 获取树菜单
    // function getTreeBySystempk(subsCode) {
    //     $("#tt").tree({
    //         url:'../../api/s/resource//all',// 请求路径
    //         queryParams: {
    //             systempk: subsCode,
    //         },
    //         onLoadSuccess:function(node,data){// 成功加载树之后的操作
    //             var tree = $('#tt');
    //             if(data){
    //                 $(data).each(function(index,d) {// 遍历生成节点
    //                     if (this.state=='closed') {
    //                         tree.tree('expandAll');
    //                     }
    //                 });
    //             }
    //         }
    //     });
    //     cur_resource_id=null;
    //     systemPkStr = subsCode;
    //     JLEUtil.clearForm('ff');
    // }

    function reloadList(){
        $('#dg').datagrid('reload');

        JLEUtil.closewin();
    };
    /** ************************ 资源操作  end  */

</script>
</head>
<body class="easyui-layout">
	<!-- 右侧  菜单资源树形栏 -->
	<div data-options="region:'west',title:'菜单资源',split:true" style="width: 220px;">
        <ul id="tt" class="easyui-tree" url="../../api/s/resource/all/root" data-options="animate:true, onClick:clickResNode">
            <!-- 动态加载数据 -->
        </ul>
		<!--<input id="cc" class="easyui-combobox" style="width: 100%;" value="bpm">-->
			<!--<ul id="tt" class="easyui-tree"  data-options="animate:true, onClick:clickResNode">-->
				<!--&lt;!&ndash; 动态加载数据 &ndash;&gt;-->
			<!--</ul>-->

	</div>
	<!-- 中间  内容主体 -->
	<div data-options="region:'center',border:false" title="资源信息" style="padding: 0px; background: #eee;">
		<!-- 资源信息 start -->
		<div class="easyui-panel" data-options="region:'north'" style="width:100%">
			<form id="ff" method="post">
				<!--<div class="esaas-info-title">资源定义信息</div>-->
				<table class="esaas-info-view-table">
					<tr>
						<td width="15%" align="right">资源ID：</td>
						<td width="35%"><input class="easyui-textbox" type="text" readonly
											   name="resourceid" data-options="required:true"
											   style="width: 100%; height: 25px;"></input></td>
						<td width="15%" align="right">资源名称：</td>
						<td width="35%"><input class="easyui-textbox" type="text"
											   name="cnname" data-options="required:true"
											   style="width: 100%; height: 25px;"></input></td>
					</tr>
					<tr>
						<td width="15%" align="right">资源URL：</td>
						<td width="35%"><input class="easyui-textbox" type="text"
											   name="url" data-options="required:false"
											   style="width: 100%; height: 25px;"></input></td>
						<td width="15%" align="right">上级资源ID：</td>
						<td width="35%"><input class="easyui-textbox" type="text"
											   name="parentid" data-options="required:false"
											   style="width: 100%; height: 25px;"></input></td>
					</tr>
					<tr>
						<td width="15%" align="right">序号：</td>
						<td width="35%"><input class="easyui-textbox" type="text"
											   name="orderid" data-options="required:false"
											   style="width: 100%; height: 25px;"></input></td>
					</tr>
				</table>
			</form>

			<div style="text-align: center; margin-bottom:2px">
				<a href="javascript:doAdd()" class="easyui-linkbutton" iconCls="icon-add" plain="true">新增</a>
				<a href="javascript:doUpdate()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
				<a href="javascript:doDelete()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
			</div>
		</div><!-- 资源信息 end -->

		<!-- 资源操作 start -->
		<div class="easyui-panel" data-options="region:'center', border:'false'" style="height:80%" title="资源操作">
			<div id="dgBtn" style="padding:1px">
				<div style="margin-bottom:2px">
					<a href="javascript:doAddResAct()" class="easyui-linkbutton" iconCls="icon-add" plain="true">新增</a>
					<a href="javascript:doUpdResAct()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
					<a href="javascript:doDelResAct()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
				</div>
			</div>
			<table id="dg" class="easyui-datagrid" style="width:100%;"
				   data-options="singleSelect:true, collapsible:true, method:'post'"
				   toolbar="#tb" title=""
				   rownumbers="true" pagination="true" pageSize="10">
				<thead>
				<tr>
					<th data-options="field:'actid',resizable:true, halign: 'center'" width="49%">操作ID</th>
					<th data-options="field:'descr',resizable:true, halign: 'center'" width="49%">操作描述</th>
				</tr>
				</thead>
			</table>
		</div><!-- 资源操作 end -->

	</div>
</body>
</html>
